$(function() {

    // 左侧列表
    $('.artcile_nav li').hover(function() {
        li_length = $(this).index()
        $(this).stop().animate({
            left: '10px'
        })
        $('.circular-hover').stop().animate({
            top: li_length * 39
        }, 500)
    }, function() {
        $(this).stop().animate({
            left: '0px'
        })
    })

    // 订单管理动画
    // TAB
    $('.order_nav li').click(function() {
        $(this).addClass('cur').siblings().removeClass('cur');
        $('.cent_nav .cent').eq($(this).index()).fadeIn().siblings().hide();
    })

    // 删除
    $('.cent_nav li .hide').click(function() {
        $(this).parent('li').animate({
            left: '60px',
            opacity: '0'
        }, function() {
            $(this).remove();
        });
    })

    // 判断有没有订单
    var NO_result = "<div class=NO_member></div>" + "<div class='No_view f14 c78'>推荐您去：<a class=ce8>产品展示</a>逛逛</div>"
    var NO_result_li = $('.cent_nav');
    if (!NO_result_li.has('li').length) {
        $('.cent_nav').append(NO_result)
    }

    $(document).ready(function() {
        //drawProcess();  
        i = 0;
        var t = setInterval("addNum(60,60)", 20);
    });

    // 个人资料
    // 生日
    $('.date-of-birth i').click(function(e) {
        $(this).parents('.birth-div').siblings().find('ul').slideUp();
        var that = $(this);
        that.next().slideToggle(300);
        that.next().find('li').hover(function() {
            $(this).addClass('hover')
        }, function() {
            $(this).removeClass('hover')
        })
        that.next().find('li').click(function() {
            that.text($(this).text()).attr('value', $(this).attr('value'));
            $(this).parent().slideUp(200);
        })
        $(window).click(function() {
            that.next().slideUp(300)
        })
        e.stopPropagation();
    })

    // 焦点
    var name = $('.name input');
    var occupation = $('.occupation input')
    var address = $('.address textarea')

    name.focus(function() {
        $(this).css({ 'border-color': '#e8b768', 'transition': '1s' })
    })
    name.blur(function() {
        $(this).css({ 'border-color': '#323232', 'transition': '1s' })
    })

    occupation.focus(function() {
        $(this).css({ 'border-color': '#e8b768', 'transition': '1s' })
    })
    occupation.blur(function() {
        $(this).css({ 'border-color': '#323232', 'transition': '1s' })
    })

    address.focus(function() {
        $(this).css({ 'border-color': '#e8b768', 'transition': '1s' })
    })
    address.blur(function() {
        $(this).css({ 'border-color': '#323232', 'transition': '1s' })
    })

    $('.birth-div ul').hover(function() {
        $(this).css({ 'border-color': '#e8b768', 'transition': '1s' })
        $(this).siblings('i').css({ 'border-color': '#e8b768', 'transition': '1s' })
    }, function() {
        $(this).css({ 'border-color': '#323232', 'transition': '1s' })
        $(this).siblings('i').css({ 'border-color': '#323232', 'transition': '1s' })
    })

    $('.view-region ul').hover(function() {
        $(this).css({ 'border-color': '#e8b768', 'transition': '1s' })
        $(this).siblings('i').css({ 'border-color': '#e8b768', 'transition': '1s' })
    }, function() {
        $(this).css({ 'border-color': '#323232', 'transition': '1s' })
        $(this).siblings('i').css({ 'border-color': '#323232', 'transition': '1s' })
    })

    function personal_data_input() {
        if (name.val() == '') {
            $('.name strong').html('姓名未填写')
        } else if ($('.day i').html('日')) {
            $('.date-of-birth strong').html('生日未填写')
        } else if (occupation.val() == '') {
            $('.occupation strong').html('职业未填写')
        } else if ($('.region-area i').html('区')) {
            $('.view-region strong').html('地区未填写')
        } else if (address.val() == '') {
            $('.address strong').html('详细地址未填写')
        } else {
            console.log('通过')
        }
    }

    $('body').on('click', '.personal_data .button', function(e) {
        personal_data_input();
    })


    // 收货地址
    //弹窗input焦点
    var name = $('#name'),
        phone = $('#phone'),
        mail = $('#mail'),
        detailed = $('#detailed');

    name.focus(function() {
        $(this).css({
            'border-color': '#e8b768',
            'transition': '1s'
        });
    })
    name.blur(function() {
        $(this).css({
            'border-color': '#323232',
            'transition': '1s'
        });
    })
    phone.focus(function() {
        $(this).css({
            'border-color': '#e8b768',
            'transition': '1s'
        });
    })
    phone.blur(function() {
        $(this).css({
            'border-color': '#323232',
            'transition': '1s'
        });
    })
    mail.focus(function() {
        $(this).css({
            'border-color': '#e8b768',
            'transition': '1s'
        });
    })
    mail.blur(function() {
        $(this).css({
            'border-color': '#323232',
            'transition': '1s'
        });
    })
    detailed.focus(function() {
        $(this).css({
            'border-color': '#e8b768',
            'transition': '1s'
        });
    })
    detailed.blur(function() {
        $(this).css({
            'border-color': '#323232',
            'transition': '1s'
        });
    })

    $('.receiving-address .address').click(function() {
        $('.address-click').show();
    })

    $('.address-input .button').click(function() {
        if (name.val() == '') {
            $('.name .prompt').html('名字为空')
            console.log('名字为空')
        } else {
            $('.name .prompt').html('')
        }
        if (!checkMobile(phone.val())) {
            $('.phone .prompt').html('请输入11位正确号码')
            console.log('号码为空')
        } else {
            $('.phone .prompt').html('')
        }
        if (!checkmail(mail.val())) {
            $('.mail .prompt').html('请输入正确邮箱格式')
            console.log('邮箱为空')
        } else {
            $('.mail .prompt').html('')
        }
        if ($('.region-area i').html() == '区') {
            $('.view-region .prompt').html('请选择地区')
            console.log('地区为空')
        } else {
            $('.view-region .prompt').html('')
        }
        if (detailed.val() == '') {
            $('.detailed .prompt').html('详细地址为空')
            console.log('详细地址为空')
        } else {
            $('.detailed .prompt').html('')
        }
        if (name.val() == '' || !checkMobile(phone.val()) || !checkmail(mail.val()) || $('.region-area i').html() == '区' || detailed.val() == '') {} else {
            $('.address-input .prompt').html('')
                //收货地址
            var region_province = $('.region-province i').html(),
                region_city = $('.region-city i').html(),
                region_area = $('.region-area i').html();
            var receipt_address = '<li class=fl><div class=preservation-tit>' + name.val() + '<span class="f12 cc6">（' + region_province + '   ' + region_city + '）</span></div><div class="preservation-cent f12 cc6">' + region_area + '    ' + detailed.val() + '    ' + phone.val() + '</div><div class="preservation-foot disnone f12"><span class="preservation-default">设为默认</span><span class="preservation-modify">修改</span></div><div class="preservation-hide"></div></li>';
            $('.receiving-address .address').before(receipt_address);
            $('.address-click').hide();
            //弹窗表单初始化
            name.val('');
            phone.val('');
            $('.region-area i').html('区');
            mail.val('')
            $('.region-province i').html('省');
            $('.region-city i').html('市');
            detailed.val('');
            //删除
            $('.receiving-address .preservation-hide').click(function() {
                $(this).parent('.receiving-address li').animate({
                    left: '99px',
                    opacity: '0'
                }, function() {
                    $(this).remove();
                })
            })
            $('.receiving-address li').hover(function() {
                $(this).find('.preservation-foot').fadeIn()
            }, function() {
                $(this).find('.preservatiossn-foot').fadeOut()
            })
        }
        $('.preservation-modify').click(function() {
            $('.address-click').fadeIn();
        })
    })

    //关闭弹窗
    $('.address .address-hide').click(function() {
        $('.address-click').hide();
    })

    //校验手机号
    function checkMobile(str) {
        var rephone = /^((\d{8})|(1\d{10}))$/
            // var rephone = /^(\d+)$/
        if (rephone.test(str)) {
            return true;
        } else {
            return false;
        }
    }

    // 邮箱正则
    function checkmail(strmail) {
        var remail = /^[A-Za-z0-9\u4e00-\u9fa5]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/
            // var rephone = /^(\d+)$/
        if (remail.test(strmail)) {
            return true;
        } else {
            return false;
        }
    }

    // 修改密码
    var password_input = $('.modify-password input');

    password_input.focus(function() {
        $(this).css({
            'border-color': '#e8b768',
            'transition': '1s'
        });
    })
    password_input.blur(function() {
        $(this).css({
            'border-color': '#323232',
            'transition': '1s'
        });
    })

    // 我的订单
    $(".progress-bar p").animate({
        width: '33%'
    }, 700);

    $('.member-Center .portrait').hover(function(){
        $(this).find('.shadow').animate({
            top:'0px',
            opacity:'1'
        })
        $(this).find('a').animate({
            top:'40px',
            opacity:'1'
        })
    },function(){
        $(this).find('.shadow').animate({
            top:'-90px',
            opacity:'0'
        })
        $(this).find('a').animate({
            top:'0px',
            opacity:'0'
        })
    })
})
